/*@import "http://dlhzcdn.oss-cn-hangzhou.aliyuncs.com/bootstrap3/css/bootstrap.min.css";*/
@import "https://dlhzcdn.oss-cn-hangzhou.aliyuncs.com/normalize-7.0.0/normalize.css";
@import "https://dlhzcdn.oss-cn-hangzhou.aliyuncs.com/fontawesome-free-5.0.8/web-fonts-with-css/css/fontawesome-all.min.css";

/*头部*/
.header {
  height: 4em;
  line-height: 4em;
  display: flex;
  text-align: center;
  color: #fff;
  position: fixed;
  width: 100%;
  z-index: 13;
  top:0;
}
.header .left {
  /*background: #474747;*/
  /*background: #186992;*/
  background: #3385ff;
  width: 6em;
  display: flex;
}
.left-header-box{
  position: absolute;top: 0;left: 0;height: 100%;
}
.header .left .left-icon {
  width: 2em;
  text-align: right;
  box-sizing: border-box;
  /*padding-top: 0.5em;*/
}
.header .left .left-icon i {
  font-size: 2em;
  display: inline-block;
  margin-top: 0.45em;
}
.header .left .left-name {
  flex: 1;
  font-size: 1.2em;
  text-align: left;
  padding-left: 5px;
  /*padding-top: 1px;*/
}

.header .center {
  /*background: #333333;*/
  background: #3385ff;
  flex: 1;
  text-align: center;
  font-size: 1.2em;
}

.header .right {
  /*background: #474747;*/
  background: #3385ff;
  width: 6em;
  font-size: 1.2em;
}

.login-logo {
  text-align: center;
  /*min-height: 157px;*/
  height: 35%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.login-logo img {
  width: 50%;

  text-align: center;
  /*margin: 2em 0 2em 0;*/
}

/*基本样式*/
html,
body {
  height: 100%;
  font-size: 12px;
  /*font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";*/
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif;
  margin: 0;
}

app-root,
app-index,
app-table-list,
app-combine-table,
app-change-table,
app-reserve-submit,
app-reserve-list,
app-order-submit,
app-change-table-settings,
app-combine-table-settings,
app-login,
app-choose-shop,
app-load,
app-tip,
app-bg-mask,
app-search,
app-table-reserve,
app-get-back-pwd,
app-line-up-submit,
app-line-up-list,
app-menu-list,
app-order-details,
app-order-record,
app-single-statistics,
app-waiter-count,
.customer-loading,
.customer-tip,
.bg-mask-box,
app-shop-cart{
  display: block;
  height: 100%;
}

app-root,
app-index,
app-table-list,
app-combine-table,
app-change-table,
app-reserve-submit,
app-reserve-list,
app-order-submit,
app-order-details,
app-change-table-settings,
app-combine-table-settings,
app-login,
app-choose-shop,
app-load,
app-tip,
app-bg-mask,
app-table-reserve,
app-search,
app-menu-list,
app-single-statistics,
app-get-back-pwd,
app-line-up-submit,
app-line-up-list,
app-order-record,
app-waiter-count,
app-shop-cart{
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  background: #f4f4f4;
}

/*换桌*/
.table-main {
  background: #f4f4f4;
}

.table-tabs,
.table-status,
.table-list,
.combine-item,
.change-item,
.group-item,
.food-item,
.set-head,
.set-item-p,
.form-list,
.share,
.customer-loading,
.bg-mask-box,
.shop-cart-box,
.cart-nav {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.table-tabs {
  margin-top: 4.2em;
}

.table-tab {
  flex: 1;
  height: 3em;
  line-height: 3;
  background: #fff;
  text-align: center;
  font-size: 1.1em;
  font-weight: 500;
}

.tab-active {
  /*color: #f39801*/
  color: #0e90d2;
}

.c-select {
  outline: none;
  border: none;
  width: 100%;
  height: 3em;
  background-color: transparent
}

.c-input {
  outline: none;
  border: none;
  width: 100%;
  background-color: transparent
}

/* 按扭 */
.btn-submit {
  /*background: #147baf;*/
  background: #3385ff;
  padding: .9em 0.7em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 1.3em;
  border-radius: 2px
}

/*自定义组件样式*/
app-load,
app-bg-mask{
  position: fixed;
  flex: 1;
  width: 100%;
  z-index: 9998;
  background: #000;
  opacity: .6;
}
app-tip {
  position: absolute;
  z-index: 9999;
}
app-bg-mask {
  z-index: 1983;
}

/* 购物车样式*/
app-shop-cart-list {
  margin-bottom: 3em;
  background: #fff;
  /*overflow-y: scroll;*/
  box-shadow: -1px -1px 3px #d1d1d1;
  z-index: 1984;
}

app-shop-cart-list,
app-shop-cart-nav{
  position: fixed;
  bottom: 0;
  width: 100%;
}

app-standard-dialog{
  position: fixed;
  width: 100%;
  z-index: 2001;
  background: transparent;
}

app-shop-cart-nav {
  z-index: 1985;
}

/*app-order-details {*/
  /*height: 100% !important;*/
  /*overflow-y: auto;*/
/*}*/
app-menu-list{
  background: #fff;
}


.flex
{
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.link-active {
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
input{-webkit-tap-highlight-color: transparent;}
app-login{}

/* 警告信息*/
.danger-info {
  background-color: #ffdd57;
  color: #ff3860;
  margin-top: 52px;
  text-align: center;
  font-size: 1.2em;
}

/*正常的提示信息*/
.list-head-box {
  margin-top: 52px;
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
  text-align: left;
  font-size: 1.2em;
  padding-left: 1em;
}

/*数据加载*/
.load-data {
  color: #818182;
  text-align: center;
  font-size: 1.3em;
  margin-top: 20%;
}

/*没有数据时的信息*/
.no-data {
  height: 100%;
  color: #999;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .5;
  font-size: 1.5em;
}

/*加载更多*/
.load-more {
  height: 4em;
  line-height: 4em;
  text-align: center;
  color: #383d41;
  border-color: #d6d8db;
  margin-top: 10px;
}
.load-more i{
  font-size: 1.4em;
}
.load-more span {
  font-size: 1.3em;
}

/*列表多背景铺不开*/
app-order-record {
  height: auto;
}

.table-bottom{
  position: fixed;
  bottom: 0;
  width: 100%;
  line-height: 3em;
  padding: 0.2rem 0;
  /*background: #333;*/
  background: #fff;
  color: #999;
  border-top: 1px solid #ddd;
}
.table-bottom .table-bottom-item {
  flex: 1;
  text-align: center;
  padding-top: 6px;

}
.table-bottom .table-bottom-item div{
  height: 1.8em;
  line-height: 1.8em;
}
.table-bottom .table-bottom-item div i{
  font-size: 1.6em;
}
.kt {
  /*background: #000;*/
  color: #f39801;
  /*font-weight: 700;*/
  /*opacity: .5;*/
  /*position: relative;*/
}

.table-bottom-item.active {
  background: #fff;
  color: #3385ff;
}

.h {
  background-color: #dd4b39;
}
.l {
  background-color: #00a65a;
}
.o {
  background-color: #f39c12;
}
.z {
  background-color: #605ca8;
}
.m {
  background-color: #d81b60;
}
.lan {
  background-color: #3d9970;
}
.zl {
  background-color: #3c8dbc;
}
.ll {
  background-color: #205081;
}


.show {
  display: block;
}
.hide {
  display: none;
}

@keyframes scaleToBig {
  0%{
    transform: scale(0);
  }
  100%{
    transform: scale(1);
  }
}

/*定义初始按钮样式*/
.yami-btn{
  display: inline-block;
  line-height: 1.3em;
  padding: 0.5em 1.5em;
  border-radius: 0.2em;
  background: #eee;
  margin-right: 1em;
  color: #fff;
}

/*Yami表单样式集*/
.yami-form{
  width: 100%;
  background: #fff;
  padding: 0.5em 2em;
}
.yami-form .yami-form-item{
  display: block;
  line-height: 3.2em;
  position: relative;
  border-bottom: 1px solid #eee;
}
.yami-form .yami-form-item .yami-label{
  position: absolute;
  width: 100px;
  top: 0;
  left: 0;
}
.yami-form .yami-form-item .yami-input-block{
  width: 70%;
  box-sizing: border-box;
  margin-left: 20%;
}
.yami-form .yami-form-item .yami-input-block .yami-input{
  width: 100%;
  height: 2.8em;
  border: none;
  outline: none;
  vertical-align: top;
}
.yami-form .yami-form-item .yami-input-block .yami-select{
  width: 70%;
  height: 2.8em;
  border: none;
  outline: none;
  vertical-align: top;
}


/*公共字体自适应样式*/
html, body {
  /* 禁止选中文本(如无文本选中需求,此为必选项) */
  -webkit-user-select: none;
  user-select: none;
}
/*public*/
html {
  font-size : 20px;
}
@media only screen and (min-width: 401px){
  html {
    font-size: 25px !important;
  }
}
@media only screen and (min-width: 428px){
  html {
    font-size: 26.75px !important;
  }
}
@media only screen and (min-width: 481px){
  html {
    font-size: 30px !important;
  }
}
@media only screen and (min-width: 569px){
  html {
    font-size: 30px !important;
  }
}
@media only screen and (min-width: 641px){
  html {
    font-size: 30px !important;
  }
}
body{
  /*font-family: "Helvetica Neue", Helvetica, "STHeiTi", sans-serif;*/
  overflow-x:hidden; overflow-y:auto; font-size:0.7rem;
}
